<template>
  <div class="box">
    <div class="title">请填写审核表单信息</div>
    <el-form :model="form" label-position="top">
      <el-form-item label="是否出售">
        <el-input
          placeholder="请输入是否出售"
          style="width: 555px"
          v-model="form.isSale"
          autocomplete="off"
        ></el-input>
      </el-form-item>
      <el-form-item label="是否换绑">
        <el-input
          placeholder="请输入是否换绑"
          style="width: 555px"
          v-model="form.isBand"
          autocomplete="off"
        ></el-input>
      </el-form-item>
      <el-form-item label="是否给过他人验证码">
        <el-input
          placeholder="请输入是否给过他人验证码"
          style="width: 555px"
          v-model="form.isCheckCode"
          autocomplete="off"
        ></el-input>
      </el-form-item>
      <el-form-item label="是否给过他人密码">
        <el-input
          placeholder="请输入是否给过他人密码"
          style="width: 555px"
          v-model="form.isOtherPwd"
          autocomplete="off"
        ></el-input>
      </el-form-item>
      <el-form-item label="之前绑定的手机号">
        <el-input
          placeholder="请输入之前绑定的手机号"
          style="width: 555px"
          v-model="form.beforePhone"
          autocomplete="off"
        ></el-input>
      </el-form-item>
      <el-form-item label="自己的登陆地址是哪里">
        <el-input
          placeholder="请输入自己的登陆地址是哪里"
          style="width: 555px"
          v-model="form.loginAddress"
          autocomplete="off"
        ></el-input>
      </el-form-item>
      <el-form-item label="手机型号">
        <el-input
          placeholder="请输入手机型号"
          style="width: 555px"
          v-model="form.phoneType"
          autocomplete="off"
        ></el-input>
      </el-form-item>
      <el-form-item label="最后一次登录地址">
        <el-input
          placeholder="请输入最后一次登录地址"
          style="width: 555px"
          v-model="form.lastLoginAddress"
          autocomplete="off"
        ></el-input>
      </el-form-item>
      <el-form-item label="最后一次登录时间">
        <el-date-picker
          v-model="form.lastLoginTime"
          style="width: 555px"
          type="datetime"
          value-format="yyyy-MM-dd HH:mm:ss"
          placeholder="选择日期"
        ></el-date-picker>
      </el-form-item>
      <el-form-item label="防沉迷是否是自己">
        <el-input
          placeholder="请输入防沉迷是否是自己"
          style="width: 555px"
          v-model="form.isChenMi"
          autocomplete="off"
        ></el-input>
      </el-form-item>
      <el-form-item label="是否提交申诉">
        <el-input
          placeholder="请输入是否提交申诉"
          style="width: 555px"
          v-model="form.isShenSu"
          autocomplete="off"
        ></el-input>
      </el-form-item>
      <el-form-item label="是否给他人扫码登录腾讯会议">
        <el-input
          placeholder="请输入是否给他人扫码登录腾讯会议"
          style="width: 555px"
          v-model="form.isOhterLoginTx"
          autocomplete="off"
        ></el-input>
      </el-form-item>
      <el-form-item style="padding-top: 33px">
        <el-button style="width: 271px" @click="close">重 置</el-button>
        <el-button style="width: 271px" type="primary" @click="okSure"
          >确 定</el-button
        >
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import { addtoofnList } from '../../api/RetrieveTheAudit/index'
export default {
  data() {
    return {
      form: {
        status: null,
        isSale: null,
        isBand: null,
        isCheckCode: null,
        isOtherPwd: null,
        beforePhone: null,
        loginAddress: null,
        phoneType: null,
        lastLoginAddress: null,
        lastLoginTime: null,
        isChenMi: null,
        isShenSu: null,
        isOhterLoginTx: null
      },
    }
  },
  methods: {
    close() {
      this.form = {
        status: null,
        isSale: null,
        isBand: null,
        isCheckCode: null,
        isOtherPwd: null,
        beforePhone: null,
        loginAddress: null,
        phoneType: null,
        lastLoginAddress: null,
        lastLoginTime: null,
        isChenMi: null,
        isShenSu: null,
        isOhterLoginTx: null
      }
    },
    async okSure() {
      const res = await addtoofnList(this.form)
      console.log(res);
      this.$message.success('操作成功！')
      this.close()
    },
  }
}
</script>

<style lang="scss" scoped>
.box {
  width: 100%;
  text-align: center;
  padding: 30px;
  background: linear-gradient(to right, #1f4037, #99f2c8);

  .title {
    padding-bottom: 50px;
    font-size: 33px;
    color: #fff;
  }
}

::v-deep .el-form-item__label {
  text-align: left;
  width: 555px;
  color: #ccc;
}
</style>